<template>
    <!--
      我们给每个 todo 项提供它所表示的 todo 对象，
      以便能够动态展示内容。
      同时还需要给每个组件提供一个“key”，
      这在指南的 v-for 部分有详细解释。
    -->


    <ol>
        <TodoItem v-for="item in groList" :todo="item" :key="item.id" ceshi="这个是静态的不需要动的" />
    </ol>
    <p>{{}}</p>


</template>
<script lang="ts" setup>
import TodoItem from './TodoItem.vue';
import { ref } from 'vue';
const groList = ref([
    { id: 0, text: 'Vegetables' },
    { id: 1, text: 'Cheese' },
    { id: 2, text: 'Whatever else humans are supposed to eat' }
])

</script>
<style>

</style>